<template>
	<view class="big">
		<view class="head">
			<text>用户注册</text>
		</view>
		<view class="box">
			<input type="text" value="" placeholder="请输入密码" class="inp1" />
			<view class="xian"></view>
			<input type="text" value="" placeholder="再次输入密码" class="inp2"/>
		</view>
		<view class="email">
			<label class="radio">
				<radio value="" /><text class="he">我已阅读并同意</text><text class="xie">《用户使用协议》</text><text class="he">和</text><text class="xie">《隐私政策》</text>
			</label>
		</view>
		<button  class="buttom">确认提交</button>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.buttom{
		margin-top: 100rpx;
		width: 500rpx;
		height: 100rpx;
		border-radius: 100rpx;
		background-color: #007AFF;
color: #FFFFFF;
	}
	.email{
		.xie{
			color: #007AFF;
		}
		.he{
			color: #acacad;
		}
		font-size: 20rpx;
		margin-left: 50rpx;
		margin-top: 60rpx;
	}
	
	.box{
		padding-top: 80rpx;
		// height: rpx;
		background-color: #FFFFFF;
		margin-top: 100rpx;
		margin-left: 25rpx;
		margin-right: 25rpx;
		border-radius: 10rpx;
		padding-right: 30rpx;
		padding-left: 30rpx;
		padding-bottom: 55rpx;
		.inp2{
			margin-top: 35rpx;
		}
		.inp1{
		margin-bottom: 35rpx;	
		}
		.xian{
			width: 100%;
			height: 1rpx;
			background-color: #808080;
			transform:scaleY(0.5);
		}
	}
	.head{
		// margin-top: 10rpx;
		display: flex;
		justify-content: center;
		color: #FFFFFF;
	}
	.big{
		padding-top: 10rpx;
		width: 100%;
		height: 100vh;
		background: url(../../static/loginlogo.png) #f4f5fa no-repeat;
		background-size: 100%;
	}
</style>
